@tailwind base;
@tailwind components;
@tailwind utilities;

.tw_container {
    @apply border dark:border-transparent rounded-md transition-shadow ease-in-out hover:shadow-[0_10px_20px_1px_rgb(83,157,253,.1)];
}

.tw_title {
    @apply flex justify-center items-center pb-4 border-b dark:border-black-a text-[17px] font-normal text-[#333] [&>img]:w-[30px] [&>img]:h-5;
}

.tw_form {
    @apply border rounded-md box-border dark:border-black-b dark:bg-black-b hover:!border-primary outline-none transition-shadow ease-in-out;

    &:focus {
        @apply border-2 border-primary shadow-[0_10px_20px_1px_rgb(83,157,253,.1)]
    }
}